<!DOCTYPE html SYSTEM "http://www.thymeleaf.org/dtd/xhtml1-strict-thymeleaf-spring4-4.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:th="http://www.thymeleaf.org">
<head>
<title></title>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="stylesheet"
	href="https://apps.bdimg.com/libs/jquerymobile/1.4.5/jquery.mobile-1.4.5.min.css" />
<link rel="stylesheet" th:href="@{/plugins/jQuery/jquery-ui-1.10.4.css}" />
<link rel="stylesheet" th:href="@{/mobile/archive/personalIndex.css}" />
<link rel="stylesheet" type="text/css"
	th:href="@{/plugins/bootstrap/bootstrap.min.css}" />
<link rel="stylesheet" type="text/css"
	href="http://39.107.125.44/arcgis_js_api/library/3.16/3.16/dijit/themes/tundra/tundra.css" />
<link rel="stylesheet" type="text/css"
	href="http://39.107.125.44/arcgis_js_api/library/3.16/3.16/esri/css/esri.css" />
<script src="https://apps.bdimg.com/libs/jquery/1.10.2/jquery.min.js"></script>
<script type="text/javascript"
	src="http://libs.baidu.com/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript"
	src="http://api.map.baidu.com/api?v=2.0&amp;ak=ESUICaohNGpKKOAx3d2SOzDxuZ2WUMlX&amp;services=&amp;t=20180323171755"></script>
<script src="https://apps.bdimg.com/libs/jquery/1.10.2/jquery.min.js"></script>
<script
	src="https://apps.bdimg.com/libs/jquerymobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
<script th:src="@{/plugins/jQuery/navbar/jquery-mobile-navbar.js}"></script>
<script th:src="@{/plugins/bootstrap/bootstrap.min.js}"></script>
<script th:src="@{/plugins/jQuery/jquery.raty.js}"></script>
<script th:src="@{/plugins/jQuery/moment/moment.min.js}"></script>
<script th:src="@{/js/ajaxfileupload/ajaxfileupload.js}"></script>
<script th:src="@{/js/ajaxfileupload/exif.js}"></script>
<script type="text/javascript"
	src="http://39.107.125.44/arcgis_js_api/library/3.16/3.16/init.js"></script>
<script th:src="@{/mobile/archive/index.js}"></script>
<script th:src="@{/mobile/archive/map.js}"></script>

<script th:src="@{/mobile/imgZoomIn.js}"></script>

<link rel="stylesheet" type="text/css" media="all" th:href="@{/plugins/font-awesome-4.7.0/css/font-awesome.min.css}" />
<link rel="stylesheet" th:href="@{/mobile/common.css}" />
<link rel="stylesheet" th:href="@{/mobile/reset.css}" />
<style type="text/css">
.margin-Title{
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}
.ui-listview>li{
	margin: 0 !important;
	padding: 0 !important;
}

 .ui-btn{
 	padding: 0 !important;
 }
 .ui-listview>.ui-li-divider{
 	padding: .5em 1.143em !important;
 }
 .pageMain{
 	height: 100% !important;
 }
 .ui-input-text, .ui-input-search{
 	margin: 0 !important;
 	border-style: none !important;
 }
 .ui-shadow{
 	box-shadow: none !important;
 }
 .ui-btn, label.ui-btn{
 	border-width: 1px !important;
    border-style: solid !important;
    border-top-width: 1px !important;
    order-bottom-width: 1px !important;
    border-left-width: 1px !important;
    border-right-width: 1px !important;
 }
</style>

</head>

<body style="background: #FFFFFF;">

	<div data-role="page" id="pageone" class="pageMain">
		<div data-role="header" data-position="fixed" data-tap-toggle="true"
			data-theme="a">
			<span class="fa fa-angle-left goBack"></span>
			<h1>内部事件信息</h1>
			<!-- <a id="goHome" href="/wcsi/ui/mobileMain?device=mobile"
				data-ajax='false'
				class="ui-btn ui-corner-all ui-shadow ui-icon-home ui-btn-icon-left">主页</a> -->
		</div>
		<!-- <div data-role="header">
			<div data-role="navbar">
				<ul>
					<li><a href="#pageone" class="ui-btn-active ui-state-persist"
						data-icon="calendar">处理中</a></li>
					<li><a href="#pagetwo" data-icon="check">已完结</a></li>
					<li><a href="#page3" data-icon="mail">待接收</a></li>
				</ul>
			</div>
		</div> -->
		<br />
		<div data-role="main">
			<!-- 数据准备 -->
			<div class="hiddenData">
				<input type="hidden" id="unArchievedEventReg_eventId" /> <input
					type="hidden" id="archievedEventReg_eventId" /> <input
					type="hidden" id="waitRegister_eventId" />
			</div>

			<!-- 主体内容 -->
			<div class="contentData">

				<div class="tab" role="tabpanel">
					<ul class="nav nav-tabs">
						<li th:class="${type} != null ? (${type} eq 1 ? 'active' : '' ) : 'active'"><a href="#page1" data-toggle="tab">处理中</a></li>
						<li th:class="${type} != null ? (${type} eq 2 ? 'active' : '' ) : ''"><a href="#page2" data-toggle="tab">已完结</a></li>
						<li><a href="#page3" data-toggle="tab">待接收</a></li>
						<li th:class="${type} != null ? (${type} eq 0 ? 'active' : '' ) : ''"><a href="#page4" data-toggle="tab">上报历史</a></li>
					</ul>
					<div class="tab-content">
						<div  th:class="${type} != null ? (${type} eq 1 ? 'tab-pane fade in active' : 'tab-pane fade ' ) : 'tab-pane fade in active'" id="page1">
							<ul data-role="listview" id="unArchievedEventReg"></ul>
						</div>
						<div  th:class="${type} != null ? (${type} eq 2 ? 'tab-pane fade in active' : 'tab-pane fade' ) : 'tab-pane fade'" id="page2">
							<ul data-role="listview" id="archievedEventReg"></ul>
						</div>
						<div class="tab-pane fade" id="page3">
							<ul data-role="listview" id="waitRegister"></ul>
						</div>
						<div th:class="${type} != null ? (${type} eq 0 ? 'tab-pane fade in active' : 'tab-pane fade' ) : 'tab-pane fade'" id="page4">
							<ul data-role="listview" id="history"></ul>
						</div>
					</div>
				</div>
			</div>

			<!-- <ul data-role="listview" id="unArchievedEventReg"></ul> -->
		</div>

	</div>

	<div data-role="page" id="pagetwo">
		<div data-role="header" data-position="fixed" data-tap-toggle="true"
			data-theme="a">
			<a id="goHome2" href="/wcsi/ui/mobileMain?device=mobile"
				data-ajax='false'
				class="ui-btn ui-corner-all ui-shadow ui-icon-home ui-btn-icon-left">主页</a>
		</div>
		<div data-role="header">
			<h1>内部事件信息</h1>
			<div data-role="navbar">
				<ul>
					<li><a href="#pageone" data-icon="calendar">处理中</a></li>
					<li><a href="#pagetwo" class="ui-btn-active ui-state-persist"
						data-icon="check">已完结</a></li>
					<li><a href="#page3" data-icon="mail">待接收</a></li>
				</ul>
			</div>
		</div>

		<div data-role="main" class="ui-content">

			<!-- <ul data-role="listview" id="archievedEventReg"></ul> -->
		</div>


	</div>

	<div data-role="page" id="page399">
		<div data-role="header" data-position="fixed" data-tap-toggle="true"
			data-theme="a">
			<a id="goHome3" href="/wcsi/ui/mobileMain?device=mobile"
				data-ajax='false'
				class="ui-btn ui-corner-all ui-shadow ui-icon-home ui-btn-icon-left">主页</a>
		</div>
		<div data-role="header">
			<h1>内部事件信息</h1>
			<div data-role="navbar">
				<ul>
					<li><a href="#pageone" class="ui-btn-active"
						data-icon="calendar">处理中</a></li>
					<li><a href="#pagetwo" data-icon="check">已完结</a></li>
					<li><a href="#page3" class="ui-btn-active ui-state-persist"
						data-icon="mail">待接收</a></li>
				</ul>
			</div>
		</div>

		<div data-role="main" class="ui-content">
			<!-- <ul data-role="listview" id="waitRegister"></ul> -->
		</div>

	</div>

	<!-- 处理中的面板 -->
	<div data-role="page" id="unArchievedEventReg_mb"
		style='background: #FFFFFF;'>
		<div data-role="header" data-position="fixed" data-tap-toggle="true"
			data-theme="a">
			<span><a href="#pageone" data-transition="slide" data-direction="reverse" class="pageBack" ><span class="fa fa-angle-left headleft"></span> </a></span>
			<h1>归档</h1>
			<!-- <a href="#pageone" data-transition="slide" data-direction="reverse"
				class="ui-btn ui-btn-a ui-icon-back ui-btn-icon-notext ui-corner-all ui-shadow ui-btn-left">返回面板</a> -->
		</div>
		<div data-role="content">
			<div data-role="main">
			
			<table data-role="table" data-mode="columntoggle:none"
				data-column-btn-theme="e" data-column-popup-theme="c">
				<tbody>
					<tr>
						<td style="width: 25%;"><span>事件类型:</span></td>
						<td colspan="2"><div
								id="unArchievedEventReg_registerEventType"></div></td>
					</tr>

					<tr>
						<td><span>发生时间:</span></td>
						<td colspan="2"><div
								id="unArchievedEventReg_registerEventAccTime"></div></td>
					</tr>

					<tr>
						<td><span>详细内容:</span></td>
						<td colspan="2"><div
								id="unArchievedEventReg_registerEventContent"></div></td>

					</tr>
					<tr>
						<td><span>事件地点:</span></td>
						<td colspan="2"><div id="unArchievedEventReg_where"></div></td>

					</tr>
					<tr>
						<td><span>现场照片:</span></td>
					</tr>
					<tr>
						<td ><img src="" class="imgZoomIn" id="unArchievedEventReg_pic" style="width: 100%; height: auto;"/></td>
					</tr>
				</tbody>
			</table>
			<div style="height: 100px;" id="unArchievedEventReg_allmap" align="center"></div>
			<table data-role="table" data-mode="columntoggle:none"
				data-column-btn-theme="e" data-column-popup-theme="c">
				<tbody>
					<tr>
						<td><span>特别备注:</span></td>
						<td><div id="unArchievedEventReg_registerEventMemo"></div></td>
					</tr>
					<tr>

						<td colspan="3"><textarea placeholder="请输入归档内容" id="content"
								name="content"></textarea></td>
					</tr>
					<tr>

						<td colspan="3"><textarea placeholder="请输入归档备注" id="memo"
								name="memo"></textarea></td>
					</tr>

					<tr>

						<td colspan="2"><a href="javascript: ;" id="fileclick"> <img
								src="/wcsi/img/takephoto.png" id="avatart" style="width: 30%;" />
						</a>
						<input type="file" id="file_upload" name="file"
							style="display: none !important; opacity: 0;" /></td>
					</tr>

					<tr>
						<td>定位信息:&nbsp;<input id="lng" type="hidden" /> <input
							id="lat" type="hidden" /><input id="lng" type="hidden" /> <input
							id="archiveAddr" type="hidden" /></td>
						<td id="locationDes"
							style="color: #999999; border-bottom: none !important;"></td>
					</tr>
				</tbody>
			</table>
			<ul data-role="listview" data-inset="false" style="margin-top: 10px; margin-bottom: 5px;">
				<li data-role="list-divider" style="color: #999999;background: #F2F2F2 !important;">个人身份信息</li>
			</ul>
			<table data-role="table" width="100%" data-mode="columntoggle:none" data-column-btn-theme="e" data-column-popup-theme="c">
				<tbody>	
					<tr class="user">
						<td>姓名:</td>
						<td>
							<div th:text="${user.name}"></div>
						</td>
					</tr>
					<tr class="user">
						<td>手机号:</td>
						<td><div th:text="${user.contactType}"></div></td>
					</tr>
				</tbody>
			</table>
			</div>
			
		</div>
		<div data-role="footer" data-position="fixed" data-theme="a" style="background:#FFFFFF;">
			<center>
			<button id="archiveBtn" 
			style="background: #F8643F !important; border: 1px solid; border-color:#FA977E; border-radius: 6px !important; color: #FFFFFF; width: 98%; height: 38px;font-size:16px;"
				>提交</button>
			</center>
		</div>
		
		<div data-role="popup" id="popupView" data-position-to="window"
			class="ui-content" data-theme="a" data-overlay-theme="a"
			data-dismissible="false">
			<div data-role="content">
				<img th:src="@{/img/loading.gif}" />
			</div>
		</div>
	</div>
	
	
		<!-- 历史事件源面板 -->

	<div data-role="page" id="history_mb"
		style='background-color: #FFFFFF; background-size: cover'>
		<div data-role="header" data-position="fixed" data-tap-toggle="true"
			data-theme="a">
			<span><a href="#pageone" data-transition="slide" data-direction="reverse" class="pageBack" ><span class="fa fa-angle-left headleft"></span> </a></span>
			<h1>历史事件源详情</h1>
<!-- 			<a href="#pageone" data-transition="slide" data-direction="reverse"
				class="ui-btn ui-btn-a ui-icon-back ui-btn-icon-notext ui-corner-all ui-shadow ui-btn-left">返回面板</a> -->
		</div>
		<div data-role="content">
			<div data-role="main">
			<table data-role="table" data-mode="columntoggle:none" data-column-btn-theme="e" data-column-popup-theme="c" style="width: 100%;">
				<tbody>
					<tr>
						<td><span>事件类型:</span></td>
						<td colspan="2"><div id="history_registerEventType"></div></td>
					</tr>
					<tr>
						<td><span>发生时间:</span></td>
						<td colspan="2"><div
								id="history_registerEventAccTime"></div></td>
					</tr>
					<tr>
						<td><span>详细内容:</span></td>
						<td colspan="2"><div
								id="history_registerEventContent"></div></td>

					</tr>

					<tr>
						<td><span>事件地点:</span></td>
						<td colspan="2"><div id="history_where"></div></td>

					</tr>
				</tbody>
			</table>
				<div style="height: 100px; width: 100%;" id="history_allmap"
					align="center"></div>

			<table data-role="table" data-mode="columntoggle:none" data-column-btn-theme="e" data-column-popup-theme="c" style="width: 100%;">
				<tbody>
					<tr>
						<td><span>特别备注:</span></td>
						<td colspan="2"><div id="history_registerEventMemo"></div></td>
					</tr>
					<tr>
						<td><span>现场照片:</span></td>
					</tr>
					<tr>
						<td colspan="3"><img src="" class="imgZoomIn" id="history_pic" style="width: 100%; height: auto;"/></td>
					</tr>

					
				</tbody>
			</table>
			</div>
		</div>
		
	</div>
	
	

	<!-- 已完结面板 -->

	<div data-role="page" id="archievedEventReg_mb"
		tyle='background-color: #F5F5F5; background-size: cover'>
		<div data-role="header" data-position="fixed" data-tap-toggle="true"
			data-theme="a">
			<span><a href="#pageone" data-transition="slide" data-direction="reverse" class="pageBack" ><span class="fa fa-angle-left headleft"></span> </a></span>
			<h1>已完结详情</h1>
			<!-- <a href="#pageone" data-transition="slide" data-direction="reverse"
				class="ui-btn ui-btn-a ui-icon-back ui-btn-icon-notext ui-corner-all ui-shadow ui-btn-left">返回面板</a> -->
		</div>
		<div data-role="content">
			<div data-role="main">
			<table data-role="table" data-mode="columntoggle:none"
				data-column-btn-theme="e" data-column-popup-theme="c">
				<tbody>
					<tr>
						<td><span>事件类型:</span></td>
						<td colspan="2"><div id="archievedEventReg_registerEventType"></div></td>
					</tr>
					<tr>
						<td><span>发生时间:</span></td>
						<td colspan="2"><div
								id="archievedEventReg_registerEventAccTime"></div></td>
					</tr>
					<tr>
						<td><span>详细内容:</span></td>
						<td colspan="2"><div
								id="archievedEventReg_registerEventContent"></div></td>

					</tr>

					<tr>
						<td><span>事件地点:</span></td>
						<td colspan="2"><div id="archievedEventReg_where"></div></td>

					</tr>
				</tbody>
			</table>
			<div style="height: 100px;width: 100%;" id="archievedEventReg_allmap" align="center"></div>

			<table data-role="table" data-mode="columntoggle:none"
				data-column-btn-theme="e" data-column-popup-theme="c">
				<tbody>
					<tr>
						<td><span>特别备注:</span></td>
						<td colspan="2"><div id="archievedEventReg_registerEventMemo"></div></td>
					</tr>

					<tr>
						<td><span>完结内容:</span></td>
						<td><div id="archievedEventReg_archiveCon"></div></td>
					</tr>
					<tr>
						<td><span>完结备注:</span></td>
						<td><div id="archievedEventReg_archiveMemo"></div></td>
					</tr>
					<tr>
						<td><span>完结地点:</span></td>
						<td><div id="archievedWhere"></div></td>
					</tr>
					<tr>
						<td><span>现场照片及完结照片:</span></td>
					</tr>
					<tr>
						<td colspan="3">
						<div style="float: left;width: 45%">
						<img src="" class="imgZoomIn" id="archievedEventReg_pic" style="width: 75%; height: auto;"/>
						</div>
						<div style="float: left;width: 45%">
						<img src="" class="imgZoomIn" id="archievedEventReg_pic2" style="width: 75%; height: auto;"/>
						</div>
						</td>
					
					</tr>
				</tbody>
			</table>
			</div>
		</div>
		
	</div>



	<!-- 待接收面板 -->

	<div data-role="page" id="waitRegister_mb"
		style='background-color: #FFFFFF !important; background-size: cover'>
		<div data-role="header" data-position="fixed" data-tap-toggle="true"
			data-theme="a">
			<span><a href="#pageone" data-transition="slide" data-direction="reverse" class="pageBack" ><span class="fa fa-angle-left headleft"></span> </a></span>
			<h1>任务详情</h1>
			<!-- <a href="#pageone" data-transition="slide" data-direction="reverse"
				class="ui-btn ui-btn-a ui-icon-back ui-btn-icon-notext ui-corner-all ui-shadow ui-btn-left">返回面板</a> -->
		</div>
		<div data-role="content">
			<div data-role="main">
			<table data-role="table" data-mode="columntoggle:none">
				<tbody>
					<tr>
						<td style="width: 25%;"><span>事件类型:</span></td>
						<td ><div id="waitRegister_registerEventType"></div></td>

					</tr>
					<tr>
						<td><span>发生时间:</span></td>
						<td ><div id="waitRegister_registerEventAccTime"></div></td>
					</tr>
					<tr>
						<td><span>详细内容:</span></td>
						<td ><div id="waitRegister_registerEventContent"></div></td>

					</tr>
					<tr>
						<td><span>事件地点:</span></td>
						<td ><div id="waitRegister_where"></div></td>

					</tr>
				</tbody>
			</table>
			<div style="height: 300px;" id="waitRegister_allmap" align="center"></div>
			<table data-role="table" data-mode="columntoggle:none">
				<tbody>
					<tr>
						<td><span>特别备注:</span></td>
						<td ><div id="waitRegister_registerEventMemo"></div></td>
					</tr>

					<tr>
						<td><span>现场照片:</span></td>
					</tr>
					<tr>
						<td colspan="2"><img src="" class="imgZoomIn" id="waitRegister_pic" style="width: 100%; height: auto;"/></td>
					</tr>

				</tbody>
			</table>
			</div>
		</div>
		<div data-role="footer" data-position="fixed" data-theme="a" style="background:#FFFFFF;">
			<center>
			<button id="tuihuiBtn" 
			style="background: #FFFFFF !important; border: 1px solid; border-color:#D8D8D8; border-radius: 6px !important; color: #555555; width: 48%; height: 38px; font-size: 16px;">退回</button>
			<button id="jieshouBtn" 
			style="background: #F8643F !important; border: 1px solid; border-color:#FA977E; border-radius: 6px !important; color: #FFFFFF; width: 48%; height: 38px;font-size: 16px;">接收</button>
			</center>
		</div>
	</div>

	<script th:src="@{/mobile/common.js}"></script>
	<script th:inline="javascript">
		window.rootPath= /*[[${#httpServletRequest.getContextPath()}]]*/
	</script>
</body>
</html>